<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
	</ul>
	<script type="text/javascript">
		let ul = document.getElementsByTagName("ul")
		//获取第一个子元素fistElementChild
		console.log(ul.fistElementChild)
		// console.log(ul.fistChild)//不实用

		//获取最后一个子元素LastElementChild
		console.log(ul.LastElementChild)
		// console.log(ul.LastChild)//不实用

		// 获取所有子元素节点 chlidren 返回的依旧是伪数组
		console.log(ul.children[2])//返回第三  3
		//不实用
		console.log(ul.childNodes)
	</script>
</body>
</html>